﻿<!DOCTYPE html>
<html>
  <head>
    <title>我的背包</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/我的背包/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/我的背包/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u3375" class="ax_default _图片">
        <img id="u3375_img" class="img " src="images/注册_登录/u99.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3376" class="ax_default box_1">
        <div id="u3376_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3377" class="ax_default box_1">
        <div id="u3377_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3378" class="ax_default box_3">
        <div id="u3378_div" class=""></div>
      </div>

      <!-- 手机状态栏 (组合) -->
      <div id="u3379" class="ax_default" data-label="手机状态栏" data-left="76" data-top="106" data-width="366" data-height="19">

        <!-- Unnamed (组合) -->
        <div id="u3380" class="ax_default" data-left="76" data-top="110" data-width="39" data-height="7">

          <!-- Unnamed (椭圆形) -->
          <div id="u3381" class="ax_default ellipse">
            <img id="u3381_img" class="img " src="images/商城/u2557.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3382" class="ax_default ellipse">
            <img id="u3382_img" class="img " src="images/商城/u2558.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3383" class="ax_default ellipse">
            <img id="u3383_img" class="img " src="images/商城/u2558.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3384" class="ax_default ellipse">
            <img id="u3384_img" class="img " src="images/商城/u2558.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u3385" class="ax_default ellipse">
            <img id="u3385_img" class="img " src="images/商城/u2558.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3386" class="ax_default _三级标题">
          <div id="u3386_div" class=""></div>
          <div id="u3386_text" class="text ">
            <p><span>中国联通</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3387" class="ax_default label">
          <div id="u3387_div" class=""></div>
          <div id="u3387_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3388" class="ax_default _三级标题">
          <div id="u3388_div" class=""></div>
          <div id="u3388_text" class="text ">
            <p><span>22:30</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3389" class="ax_default icon">
          <img id="u3389_img" class="img " src="images/商城/u2565.png"/>
        </div>
      </div>

      <!-- tab菜单 (组合) -->
      <div id="u3390" class="ax_default" data-label="tab菜单" data-left="80" data-top="173" data-width="286" data-height="38">

        <!-- Unnamed (矩形) -->
        <div id="u3391" class="ax_default box_2 selected" selectiongroup="商城tab菜单">
          <div id="u3391_div" class="selected"></div>
          <div id="u3391_text" class="text ">
            <p><span>资料卡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3392" class="ax_default box_2" selectiongroup="商城tab菜单">
          <div id="u3392_div" class=""></div>
          <div id="u3392_text" class="text ">
            <p><span>头像框</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3393" class="ax_default box_2" selectiongroup="商城tab菜单">
          <div id="u3393_div" class=""></div>
          <div id="u3393_text" class="text ">
            <p><span>麦克风</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3394" class="ax_default box_2" selectiongroup="商城tab菜单">
          <div id="u3394_div" class=""></div>
          <div id="u3394_text" class="text ">
            <p><span>其他道具</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3395" class="ax_default icon">
        <img id="u3395_img" class="img " src="images/我的背包/u3395.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3396" class="ax_default label">
        <div id="u3396_div" class=""></div>
        <div id="u3396_text" class="text ">
          <p><span>我的背包</span></p>
        </div>
      </div>

      <!-- 背包物品 (动态面板) -->
      <div id="u3397" class="ax_default" data-label="背包物品">
        <div id="u3397_state0" class="panel_state" data-label="State1" style="">
          <div id="u3397_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3398" class="ax_default box_1">
              <div id="u3398_div" class=""></div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u3399" class="ax_default" data-label="商品1" selectiongroup="资料卡物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3400" class="ax_default" data-label="图片" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3401" class="ax_default _图片1">
                  <img id="u3401_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3402" class="ax_default box_3">
                  <img id="u3402_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3402_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3403" class="ax_default" data-label="选中边框" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3404" class="ax_default box_1">
                  <img id="u3404_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3405" class="ax_default box_3">
                  <div id="u3405_div" class=""></div>
                  <div id="u3405_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品2 (组合) -->
            <div id="u3406" class="ax_default" data-label="商品2" selectiongroup="资料卡物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3407" class="ax_default" data-label="图片" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3408" class="ax_default _图片1">
                  <img id="u3408_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3409" class="ax_default box_3">
                  <img id="u3409_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3409_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3410" class="ax_default" data-label="选中边框" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3411" class="ax_default box_1">
                  <img id="u3411_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3412" class="ax_default box_3">
                  <div id="u3412_div" class=""></div>
                  <div id="u3412_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品3 (组合) -->
            <div id="u3413" class="ax_default" data-label="商品3" selectiongroup="资料卡物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3414" class="ax_default" data-label="图片" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3415" class="ax_default _图片1">
                  <img id="u3415_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3416" class="ax_default box_3">
                  <img id="u3416_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3416_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3417" class="ax_default" data-label="选中边框" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3418" class="ax_default box_1">
                  <img id="u3418_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3419" class="ax_default box_3">
                  <div id="u3419_div" class=""></div>
                  <div id="u3419_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品4 (组合) -->
            <div id="u3420" class="ax_default" data-label="商品4" selectiongroup="资料卡物品" data-left="10" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3421" class="ax_default" data-label="图片" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3422" class="ax_default _图片1">
                  <img id="u3422_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3423" class="ax_default box_3">
                  <img id="u3423_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3423_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3424" class="ax_default" data-label="选中边框" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3425" class="ax_default box_1">
                  <img id="u3425_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3426" class="ax_default box_3">
                  <div id="u3426_div" class=""></div>
                  <div id="u3426_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品5 (组合) -->
            <div id="u3427" class="ax_default" data-label="商品5" selectiongroup="资料卡物品" data-left="132" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3428" class="ax_default" data-label="图片" data-left="132" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3429" class="ax_default _图片1">
                  <img id="u3429_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3430" class="ax_default box_3">
                  <img id="u3430_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3430_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3431" class="ax_default" data-label="选中边框" data-left="132" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3432" class="ax_default box_1">
                  <img id="u3432_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3433" class="ax_default box_3">
                  <div id="u3433_div" class=""></div>
                  <div id="u3433_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u3397_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u3397_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3434" class="ax_default box_1">
              <div id="u3434_div" class=""></div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u3435" class="ax_default" data-label="商品1" selectiongroup="头像框物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3436" class="ax_default" data-label="图片" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3437" class="ax_default _图片1">
                  <img id="u3437_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3438" class="ax_default box_3">
                  <img id="u3438_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3438_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3439" class="ax_default" data-label="选中边框" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3440" class="ax_default box_1">
                  <img id="u3440_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3441" class="ax_default box_3">
                  <div id="u3441_div" class=""></div>
                  <div id="u3441_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品2 (组合) -->
            <div id="u3442" class="ax_default" data-label="商品2" selectiongroup="头像框物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3443" class="ax_default" data-label="图片" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3444" class="ax_default _图片1">
                  <img id="u3444_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3445" class="ax_default box_3">
                  <img id="u3445_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3445_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3446" class="ax_default" data-label="选中边框" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3447" class="ax_default box_1">
                  <img id="u3447_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3448" class="ax_default box_3">
                  <div id="u3448_div" class=""></div>
                  <div id="u3448_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品3 (组合) -->
            <div id="u3449" class="ax_default" data-label="商品3" selectiongroup="头像框物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3450" class="ax_default" data-label="图片" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3451" class="ax_default _图片1">
                  <img id="u3451_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3452" class="ax_default box_3">
                  <img id="u3452_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3452_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3453" class="ax_default" data-label="选中边框" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3454" class="ax_default box_1">
                  <img id="u3454_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3455" class="ax_default box_3">
                  <div id="u3455_div" class=""></div>
                  <div id="u3455_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品4 (组合) -->
            <div id="u3456" class="ax_default" data-label="商品4" selectiongroup="头像框物品" data-left="10" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3457" class="ax_default" data-label="图片" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3458" class="ax_default _图片1">
                  <img id="u3458_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3459" class="ax_default box_3">
                  <img id="u3459_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3459_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3460" class="ax_default" data-label="选中边框" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3461" class="ax_default box_1">
                  <img id="u3461_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3462" class="ax_default box_3">
                  <div id="u3462_div" class=""></div>
                  <div id="u3462_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u3397_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u3397_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3463" class="ax_default box_1">
              <div id="u3463_div" class=""></div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u3464" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3465" class="ax_default" data-label="图片" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3466" class="ax_default _图片1">
                  <img id="u3466_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3467" class="ax_default box_3">
                  <img id="u3467_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3467_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3468" class="ax_default" data-label="选中边框" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3469" class="ax_default box_1">
                  <img id="u3469_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3470" class="ax_default box_3">
                  <div id="u3470_div" class=""></div>
                  <div id="u3470_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u3471" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3472" class="ax_default" data-label="图片" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3473" class="ax_default _图片1">
                  <img id="u3473_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3474" class="ax_default box_3">
                  <img id="u3474_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3474_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3475" class="ax_default" data-label="选中边框" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3476" class="ax_default box_1">
                  <img id="u3476_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3477" class="ax_default box_3">
                  <div id="u3477_div" class=""></div>
                  <div id="u3477_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u3478" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3479" class="ax_default" data-label="图片" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3480" class="ax_default _图片1">
                  <img id="u3480_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3481" class="ax_default box_3">
                  <img id="u3481_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3481_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3482" class="ax_default" data-label="选中边框" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3483" class="ax_default box_1">
                  <img id="u3483_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3484" class="ax_default box_3">
                  <div id="u3484_div" class=""></div>
                  <div id="u3484_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u3485" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="10" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u3486" class="ax_default" data-label="图片" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u3487" class="ax_default _图片1">
                  <img id="u3487_img" class="img " src="images/商城/u2571.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3488" class="ax_default box_3">
                  <img id="u3488_img" class="img " src="images/我的背包/u3402.png"/>
                  <div id="u3488_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u3489" class="ax_default" data-label="选中边框" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u3490" class="ax_default box_1">
                  <img id="u3490_img" class="img " src="images/我的背包/u3404.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3491" class="ax_default box_3">
                  <div id="u3491_div" class=""></div>
                  <div id="u3491_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u3397_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u3397_state3_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3492" class="ax_default box_1">
              <div id="u3492_div" class=""></div>
            </div>

            <!-- 经验卡图片与价格 (组合) -->
            <div id="u3493" class="ax_default" data-label="经验卡图片与价格" selectiongroup="其他道具物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- Unnamed (矩形) -->
              <div id="u3494" class="ax_default box_3">
                <div id="u3494_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3495" class="ax_default box_3">
                <div id="u3495_div" class=""></div>
                <div id="u3495_text" class="text ">
                  <p><span>双倍经验卡</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u3496" class="ax_default" data-left="19" data-top="16" data-width="101" data-height="66">

                <!-- Unnamed (矩形) -->
                <div id="u3497" class="ax_default box_3">
                  <div id="u3497_div" class=""></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3498" class="ax_default box_2">
                  <div id="u3498_div" class=""></div>
                  <div id="u3498_text" class="text ">
                    <p><span>EXP</span></p>
                  </div>
                </div>

                <!-- Unnamed (六边形) -->
                <div id="u3499" class="ax_default sticky_1">
                  <img id="u3499_img" class="img " src="images/商城/u3077.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3500" class="ax_default label">
                  <div id="u3500_div" class=""></div>
                  <div id="u3500_text" class="text ">
                    <p><span>1局</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3501" class="ax_default box_3">
                  <div id="u3501_div" class=""></div>
                  <div id="u3501_text" class="text ">
                    <p><span>x1</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 金币卡图片与价格 (组合) -->
            <div id="u3502" class="ax_default" data-label="金币卡图片与价格" selectiongroup="其他道具物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- Unnamed (矩形) -->
              <div id="u3503" class="ax_default box_3">
                <div id="u3503_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3504" class="ax_default box_3">
                <div id="u3504_div" class=""></div>
                <div id="u3504_text" class="text ">
                  <p><span>双倍金币卡</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u3505" class="ax_default" data-left="141" data-top="16" data-width="101" data-height="65">

                <!-- Unnamed (矩形) -->
                <div id="u3506" class="ax_default box_3">
                  <div id="u3506_div" class=""></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3507" class="ax_default box_2">
                  <div id="u3507_div" class=""></div>
                </div>

                <!-- Unnamed (六边形) -->
                <div id="u3508" class="ax_default sticky_1">
                  <img id="u3508_img" class="img " src="images/商城/u3077.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u3509" class="ax_default _图片1">
                  <img id="u3509_img" class="img " src="images/排行榜/u1257.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3510" class="ax_default label">
                  <div id="u3510_div" class=""></div>
                  <div id="u3510_text" class="text ">
                    <p><span>1局</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3511" class="ax_default box_3">
                  <div id="u3511_div" class=""></div>
                  <div id="u3511_text" class="text ">
                    <p><span>x1</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 锦囊图片与价格 (组合) -->
            <div id="u3512" class="ax_default" data-label="锦囊图片与价格" selectiongroup="其他道具物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- Unnamed (矩形) -->
              <div id="u3513" class="ax_default box_3">
                <div id="u3513_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3514" class="ax_default box_3">
                <div id="u3514_div" class=""></div>
                <div id="u3514_text" class="text ">
                  <p><span>锦囊线索</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u3515" class="ax_default _图片1">
                <img id="u3515_img" class="img " src="images/商城/u3137.png"/>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u3516" class="ax_default marker">
                <img id="u3516_img" class="img " src="images/商城/u3138.png"/>
                <div id="u3516_text" class="text ">
                  <p><span>锦</span></p>
                </div>
              </div>

              <!-- Unnamed (六边形) -->
              <div id="u3517" class="ax_default sticky_1">
                <img id="u3517_img" class="img " src="images/商城/u3077.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3518" class="ax_default label">
                <div id="u3518_div" class=""></div>
                <div id="u3518_text" class="text ">
                  <p><span>x10</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3519" class="ax_default box_3">
                <div id="u3519_div" class=""></div>
                <div id="u3519_text" class="text ">
                  <p><span>x1</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u3520" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u3521" class="ax_default box_3">
                <div id="u3521_div" class=""></div>
                <div id="u3521_text" class="text ">
                  <p><span>确认要使用该道具吗</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3522" class="ax_default box_3">
                <div id="u3522_div" class=""></div>
                <div id="u3522_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3523" class="ax_default box_3">
                <div id="u3523_div" class=""></div>
                <div id="u3523_text" class="text ">
                  <p><span>取消</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 黑屏 (矩形) -->
      <div id="u3524" class="ax_default box_3 ax_default_hidden" data-label="黑屏" style="display:none; visibility: hidden">
        <div id="u3524_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3525" class="ax_default _一级标题">
        <div id="u3525_div" class=""></div>
        <div id="u3525_text" class="text ">
          <p><span>商城-背包页面交互逻辑</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3526" class="ax_default box_1">
        <img id="u3526_img" class="img " src="images/我的背包/u3526.png"/>
        <div id="u3526_text" class="text ">
          <p><span>1. 打开【背包】页面，菜单导航默认选中“资料卡”且显示“资料卡”对应的动态页面</span></p><p><span><br></span></p><p><span>2. 点击菜单导航的“资料卡”、“头像框”、“麦克风”、“其他道具分别显示相应的动态页面，动态面板中显示用户已获得的物品</span></p><p><span><br></span></p><p><span>3. 在“资料卡”、“头像框”、“麦克风”的动态页面下点击相关物品显示“装扮中”的选中状态</span></p><p><span><br></span></p><p><span>4.在“其他道具”的动态页面下点击相关物品弹出“确定使用该道具吗”的提示框及“取消”和“确定”选项，点击“取消”关闭提示框，点击“确定”则使用该道具</span></p><p><span><br></span></p><p><span>5.点击“&lt;”图标返回【商城】页面</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
